<template>
  <Breadcrumb class="bread">
    <BreadcrumbItem v-for="(item,index) in routerInfo" :key="index">
       {{item}}
    </BreadcrumbItem>
  </Breadcrumb>
</template>

<script>
export default {
    computed: {
      routerInfo:function(){
          var arr = this.$route.matched.map(v=>{
              return v.meta;
          })
          return arr;
      }
  }
};
</script>
 
<style scoped>
.bread{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
</style>
